import React, { useState } from 'react';
import { useRoutes } from "react-router-dom";
import routes from "@/router/index";
import '@/app.less';
import smallImage from '@/assets/images/5kb.png';
import bigImage from '@/assets/images/22kb.png';

function App() {
  const [ count, setCounts ] = useState('');
  const onChange = (e) => {
    setCounts(e.target.value);
  }
  const elements = useRoutes(routes);
  return (
    <>
      { elements }
    </>
  );
  // return (
  //   <>
  //     <h1>React Start</h1>
  //     <p>受控组件sss</p>
  //     <input type="text" value={count} onChange={onChange} />
  //     <p>{count}</p>
  //     <br />
  //     <img src={smallImage} alt="小于10kb的图片" />
  //     <img src={bigImage} alt="大于10kb的图片" />
  //     <div className='smallImg'></div>
  //     <div className='bigImg'></div>
  //   </>
  // )
}

export default App;